<template>
    <a class="xui-link"><i v-if="icon" :class="icon"></i>{{text}}</a>
</template>
<script lang="ts">
export default {
    props: {
        text: {
            type: String,
            default: ()=>('')
        },
        icon: {
            type: String,
            default: ()=>('')
        }
    },
    methods: {
       
    }
}
</script>
<style lang="scss" scoped>
.xui-link {
    text-decoration: none;
    color: #444;
    line-height: 16px;
    cursor: pointer;
    i {
        margin: 0 0.5em;
    }
    &:hover {
        color: #e11;
    }
}
</style>